<!DOCTYPE html>
<html class="wide wow-animation" lang="en">
	<head>
		<title>启善-首页</title>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<link rel="icon" href="images/favicon.ico" type="image/x-icon">
		<link rel="stylesheet" type="text/css"
			href="//fonts.googleapis.com/css?family=Poppins:300,300i,400,500,600,700,800,900,900i%7CRoboto:400%7CRubik:100,400,700">
		<link rel="stylesheet" href="css/bootstrap.css">
		<link rel="stylesheet" href="css/fonts.css">
		<link rel="stylesheet" href="css/style.css">
		<link rel="stylesheet" href="css/layout.css">
		<style>
			.ie-panel {
				display: none;
				background: #212121;
				padding: 10px 0;
				box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, .3);
				clear: both;
				text-align: center;
				position: relative;
				z-index: 1;
			}

			html.ie-10 .ie-panel,
			html.lt-ie-10 .ie-panel {
				display: block;
			}
		</style>
	</head>

	<body>
		<div class="ie-panel"><a href="http://windows.microsoft.com/en-US/internet-explorer/"><img
					src="images/ie8-panel/warning_bar_0000_us.jpg" height="42" width="820"
					alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today."></a>
		</div>
		<div class="preloader">
			<div class="preloader-body">
				<div class="cssload-container">
					<div class="cssload-speeding-wheel"></div>
				</div>
				<p>Loading...</p>
			</div>
		</div>
		<div class="page">
			<!-- Page Header-->
			<header class="section page-header">
				<!-- RD Navbar-->
				<div class="rd-navbar-wrap">
					<nav class="rd-navbar rd-navbar-classic" data-layout="rd-navbar-fixed"
						data-sm-layout="rd-navbar-fixed" data-md-layout="rd-navbar-fixed"
						data-md-device-layout="rd-navbar-fixed" data-lg-layout="rd-navbar-static"
						data-lg-device-layout="rd-navbar-static" data-xl-layout="rd-navbar-static"
						data-xl-device-layout="rd-navbar-static" data-xxl-layout="rd-navbar-static"
						data-xxl-device-layout="rd-navbar-static" data-lg-stick-up-offset="46px"
						data-xl-stick-up-offset="46px" data-xxl-stick-up-offset="46px" data-lg-stick-up="true"
						data-xl-stick-up="true" data-xxl-stick-up="true">
						<div class="rd-navbar-main-outer">
							<div class="rd-navbar-main">
								<!-- RD Navbar Panel-->
								<div class="rd-navbar-panel">
									<!-- RD Navbar Toggle-->
									<button class="rd-navbar-toggle"
										data-rd-navbar-toggle=".rd-navbar-nav-wrap"><span></span></button>
									<!-- RD Navbar Brand-->
									<div class="rd-navbar-brand"><a href="index.html"><img class="brand-logo-light"
												src="images/图标.png" alt="" width="207" height="51" /></a></div>
								</div>
								<div class="rd-navbar-main-element">
									<div class="rd-navbar-nav-wrap">
										<!-- RD Navbar Nav-->
										<ul class="rd-navbar-nav one">
											<li class="rd-nav-item active"><a class="rd-nav-link"
													href="index.html">首页</a>
											</li>
											<li class="rd-nav-item"><a class="rd-nav-link" href="news.html">新闻资讯</a>
												<ul class="two two_1">
													<li><a class="rd-nav-link" href="news.html">启善看板</a></li>
													<li><a class="rd-nav-link" href="news.html">启善资讯</a></li>
												</ul>
											</li>
											<li class="rd-nav-item"><a class="rd-nav-link"
													href="../site/Requirelobby.html">捐赠大厅</a>
												<ul class="two two_1">
													<li><a class="rd-nav-link" href="Requirelobby.html">社区需求</a></li>
													<li><a class="rd-nav-link" href="yiqumap.html">疫区分布</a></li>
												</ul>
											</li>
											<li class="rd-nav-item"><a class="rd-nav-link" href="Logpartner.html">物流合作</a>
											</li>
											<li class="rd-nav-item"><a class="rd-nav-link" href="aboutUs.html">关于启善</a>
											</li>
										</ul>
										<a class="button button-primary button-sm" href="pRequire.html">发布需求</a>
									</div>
								</div>
								<a class="button button-primary button-sm" href="pRequire.html">发布需求</a>
								<ul class="nav rd-navbar-nav one">
									<li class="dropdown ml20 mr0 rd-nav-item">
										<a href="../userlogin/login.html" class="dropdown-toggle"><span id="name">登录/注册</span>
											<span class="caret" style="top: -6px"></span></a>
										<ul class="two two_1">
											<li><a href="/User/MyAccount">我的账号</a></li>
											<li><a href="/User/MyDonate">我的捐赠车</a></li>
											<li><a href="/User/MyRecommendSchool">我的需求</a></li>
											<li><a href="https://huangsanzhai.github.io/superadmin/html/shequlogin">社区管理员</a></li>
											<li><a href="../adminLoign/superLogin.html">超级管理员</a></li>
										</ul>
									</li>
								</ul>
							</div>
						</div>
					</nav>
				</div>
			</header>
			<!-- Swiper-->
			<section class="section section-lg section-main-bunner section-main-bunner-filter">
				<div class="main-bunner-img"
					style="background-image: url(&quot;images/89.jpg&quot;);  background-size: cover;"></div>
				<div class="main-bunner-inner">
					<div class="container">
						<div class="row row-50 justify-content-lg-center align-items-lg-center">
							<div class="col-lg-12">
								<div class="bunner-content-modern text-center">
									<h1 class="main-bunner-title">欢迎来到启善</h1>
									<p>为了更方便每个人参与到社会上的物资捐赠事业中，建立一个物资捐赠网站成为一种最简便的途径。可以通过该平台，献出自己的一份爱心·传达到需要帮助的人手中。
									</p>
								</div>
							</div>
						</div>
					</div>
				</div>
			</section>
			<section class="section section-xl">
				<div class="container">
					<div class="row row-50 justify-content-lg-between align-items-lg-center">
						<div class="col-lg-6">
							<div class="box-img-animate">
								<div class="box-img-animate-item"
									data-parallax-scroll="{&quot;y&quot;: 0, &quot;x&quot;: 140,  &quot;smoothness&quot;: 50 }">
									<img src="images/88.jpg" alt="" width="217px" height="153px">
								</div>
								<div class="box-img-animate-item"
									data-parallax-scroll="{&quot;y&quot;: 150, &quot;x&quot;: 0,  &quot;smoothness&quot;: 50 }">
									<img src="images/89.jpg" alt="" width="271px" height="191px">
								</div>
								<div class="box-img-animate-item"
									data-parallax-scroll="{&quot;y&quot;:70, &quot;x&quot;: -250,  &quot;smoothness&quot;: 50 }">
									<img src="images/90.jpg" alt="" width="271px" height="191px">
								</div>
								<div class="box-img-animate-item"
									data-parallax-scroll="{&quot;y&quot;:20, &quot;x&quot;: 20,  &quot;smoothness&quot;: 50 }">
									<img src="images/91.jpg" alt="" width="339px" height="236px">
								</div>
								<div class="box-img-animate-item"
									data-parallax-scroll="{&quot;y&quot;:60, &quot;x&quot;: 70,  &quot;smoothness&quot;: 50 }">
									<img src="images/92.jpg" alt="" width="179px" height="126px">
								</div>
								<div class="box-img-animate-item"
									data-parallax-scroll="{&quot;y&quot;:0, &quot;x&quot;: 140,  &quot;smoothness&quot;: 50 }">
									<img src="images/12.jpg" alt="" width="217px" height="153px">
								</div>
							</div>
						</div>
						<div class="col-lg-6 col-xl-5">
							<div class="innset-xl-left-70">
								<h3>我们的宗旨</h3>
								<p class="text-opacity-80">我们希望通过“疫情物资捐赠”网上平台，集合社会力量，通过科技工具将捐助者和受助者快速配对，在善用抗疫物资之余，也能更精准、高效地帮到最有需要的人群。</p>
								<div class="row row-50">
									<div class="col-md-6 col-lg-12">
										<div class="box-icon-modern">
											<div class="box-icon-inner decorate-triangle"><span
													class="icon-xl linearicons-baby2 icon-primary"></span></div>
											<div class="box-icon-caption">
												<h4><a href="#">互帮互助</a></h4>
												<p>同处一个地球，你中有我，我中有你，阳光明媚时利益与共，山雨来临时风险与共。</p>
											</div>
										</div>
									</div>
									<div class="col-md-6 col-lg-12">
										<div class="box-icon-modern">
											<div class="box-icon-inner decorate-circle"><span
													class="icon-xl linearicons-sun icon-primary"></span></div>
											<div class="box-icon-caption">
												<h4><a href="#">团结友爱</a></h4>
												<p>任何人都有理由相信，只要所有人都守望相助，全球携手共进，疫情退散指日可待。</p>
											</div>
										</div>
									</div>
									<div class="col-md-6 col-lg-12">
										<div class="box-icon-modern">
											<div class="box-icon-inner decorate-rectangle"><span
													class="icon-xl linearicons-umbrella2 icon-primary"></span></div>
											<div class="box-icon-caption">
												<h4><a href="#">文明和谐</a></h4>
												<p>和谐社会应是一个安定有序的社会，要建立协调社会矛盾的各种机制，整合社会管理资源，建立新的社会治理机制，维护社会稳定。</p>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</section>
			<section class="section section-lg bg-gray-1">
				<div class="container">
					<div class="row justify-content-center text-center">
						<div class="col-md-9 col-lg-7 wow-outer">
							<div class="wow slideInDown">
								<h3>社区需求</h3>
								
							</div>
						</div>
					</div>
					<div class="row row-50">
					
						<div class="col-md-6 col-lg-4 wow-outer">
							<div class="wow fadeInUp">
								<article class="box-causes">
									<div class="box-causes-img"><img src="images/汤臣一品.png" alt=""
											width="372" height="396" /><a class="button button-sm button-primary"
											href="donate.html">捐赠</a>
									</div>
									<h4 class="font-weight-medium"><a href="#">上海市汤臣一品</a></h4>
									<p class="box-causes-donate"><span
											class="box-causes-donate-complete">紧需应急生活物资
											
									</p>
								</article>
							</div>
						</div>
						<div class="col-md-6 col-lg-4 wow-outer">
							<div class="wow fadeInUp">
								<article class="box-causes">
									<div class="box-causes-img"><img src="images/1.png" alt=""
											width="372" height="396" /><a class="button button-sm button-primary"
											href="donate.html">捐赠</a>
									</div>
									<h4 class="font-weight-medium"><a href="donate.html">豫园街道社区</a></h4>
									<p class="box-causes-donate"><span
											class="box-causes-donate-complete">紧需应急生活物资
											<!-- $52,380</span>
										of <span>$55,000</span> raised -->
									</p>
								</article>
							</div>
						</div>
						<div class="col-md-6 col-lg-4 wow-outer">
							<div class="wow fadeInUp">
								<article class="box-causes">
									<div class="box-causes-img"><img src="images/2.png" alt=""
											width="372" height="396" /><a class="button button-sm button-primary"
											href="donate.html">捐赠</a>
									</div>
									<h4 class="font-weight-medium"><a href="#">老西门街道社区</a></h4>
									<p class="box-causes-donate"><span
											class="box-causes-donate-complete">紧需应急生活物资
											
									</p>
								</article>
							</div>
						</div>
						
						
					</div>
				</div>
			</section>
			<section class="parallax-container bg-gray-600" data-parallax-img="images/88.jpg">
				<div class="parallax-content section-xxl text-center">
					<div class="container">
						<div class="row justify-content-md-center">
							<div class="col-md-9 col-lg-8 col-xl-8 wow-outer">
								<div class="innset-xl-right-30 innset-xl-left-30">
									<div class="wow slideInDown">
										<h3>联系我们</h3>
										<form class="rd-form rd-mailform rd-form-inline"
											data-form-output="form-output-global" data-form-type="subscribe"
											method="post" action="bat/rd-mailform.php">
											<div class="form-wrap">
												<input class="form-input" id="subscribe-form-email" type="email"
													name="email" data-constraints="@Email @Required">
												<label class="form-label" for="subscribe-form-email">您的邮箱</label>
											</div>
											<div class="form-button">
												<button class="button button-primary button-lg"
													type="submit">发送</button>
											</div>
										</form>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</section>

			<footer class="section footer-minimal context-dark">
				<div class="container wow-outer">
					<div class="wow fadeIn">
						<div class="row row-50 row-lg-60">
							<div class="col-12"><a href="index.html"><img src="images/图标.png" alt="" width="207"
										height="51" /></a></div>
							<div class="col-12">
								<ul class="footer-minimal-nav">
									<li><a href="index.html">首页</a></li>
									<li><a href="news.html">新闻资讯</a></li>
									<li><a href="Requirelobby.html">捐赠大厅</a></li>
									<li><a href="Logpartner.html">物流合作</a></li>
									<li><a href="aboutUs.html">关于启善</a></li>
									<li><a href="pRequire.html">发布需求</a></li>

								</ul>
							</div>
							<div class="col-12">
								<ul class="social-list">
									<li><a class="icon icon-sm icon-circle icon-circle-md icon-bg-white fa-facebook"
											href="#"></a></li>
									<li><a class="icon icon-sm icon-circle icon-circle-md icon-bg-white fa-instagram"
											href="#"></a></li>
									<li><a class="icon icon-sm icon-circle icon-circle-md icon-bg-white fa-twitter"
											href="#"></a></li>
									<li><a class="icon icon-sm icon-circle icon-circle-md icon-bg-white fa-youtube-play"
											href="#"></a></li>
									<li><a class="icon icon-sm icon-circle icon-circle-md icon-bg-white fa-pinterest-p"
											href="#"></a></li>
								</ul>
							</div>
						</div>
						<p class="rights"><span>&copy;&nbsp;</span><span
								class="copyright-year"></span><span>&nbsp;</span><span>.&nbsp;</span><span>&nbsp;</span>Design&nbsp;by&nbsp;启善
						</p>
					</div>
				</div>
			</footer>
		</div>
		<div class="snackbars" id="form-output-global"></div>
		<script src="js/core.min.js"></script>
		<script src="js/script.js"></script>
		<!-- coded by ragnar-->
	</body>
</html>
